<template>
  <div>
    <Header v-show="showHeader" />

    <keep-alive>
      <router-view v-if="keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!keepAlive"></router-view>


    <Footer v-show="showFooter" />
  </div>
</template>

<script>
import Footer from "./components/Footer.vue";
import Header from "./components/Header.vue";
export default {
  components: { Header, Footer },
  computed: {
    showHeader() {
      return this.$route.meta.showHeader;
    },
    showFooter() {
      return this.$route.meta.showFooter;
    },
    keepAlive(){
      return this.$route.meta.keepAlive
    }
  },
};
</script>

<style lang="scss" scoped></style>
